<#include "/WEB-INF/default/fragment/temp.ftl">
<div>
    <div id="main">
        <div align="center"><img src="./assets/image/logo.png" alt=""></div>
    </div>
    <div class="invit">
        <span>创建或修改1605项目</span>
        <div class="invit_btn">
            <button id="my-project" class="btn btn-danger">我的分组</button>
            <button id="save" class="btn btn-success">保存项目</button>
        </div>
    </div>
    <div class="create-poj">
        <form id="pro-content" class="form-horizontal">
            <div class="form-group clearfix post-list">
                <label class="post-name fl">分组名称</label>
                <div class="post-value fl">
                    <input type="text" name="pro.title" class="form-control" id="inputPassword">
                    <p class="post-massage">
                        项目的名称，可以设置成课程阶段名称;<span class="mage-h">EX:</span>javase
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                <label class="post-name fl">分组描述</label>
                <div class="post-value fl">
                    <input type="text" name="pro.desc" class="form-control" id="inputPassword">
                    <p class="post-massage">
                        分组的描述，描述一下分组的信息
                    </p>
                </div>
            </div>
            <div class="form-group clearfix post-list">
                    <label class="post-name fl">任务统计</label>
                    <div class="post-value fl">
                        <ul class="list-group">
                            <li class="list-group-item">01. 初识java - 课堂笔记</li>
                            <li class="list-group-item">02. 变量、数据类型和运算符 - 课堂笔记</li>
                            <li class="list-group-item">03. 选择结构一</li>
                            <li class="list-group-item">04. 选择结构二</li>
                            <li class="list-group-item">05. 循环结构一</li>
                            <li class="list-group-item">06. 循环结构二</li>
                        </ul>
                        <script type="text/javascript">
                            $('.list-group>li').click(function(event) {
                                $('.list-group>li').removeClass('color-chick');
                                $(this).addClass('color-chick');
                            });
                            $('#save').click(function(event) {
                                var value = $('#pro-content').serialize();
                                value = value + '&struts.enableJSONValidation=true';
                                $.post('${request.contextPath}/pro_create.action', value, function(data, textStatus, xhr) {
                                  switch (data.status) {
                                      case 1:
                                          window.location.href='#right';
                                          break;
                                      default:
                                          window.location.href='#wrong';
                                          break;
                                  }
                                });
                                return false;
                            });
                            $('#my-project').click(function(event) {
                                window.location.href='#right';
                            });
                        </script>
                    </div>
                </div>
        </form>
    </div>
</div>
<#include "/WEB-INF/default/fragment/footer.ftl">